<template>
<div id='about'>
    <!-- <sf-header :menu="$store.state.topNav" :id="userInfo"></sf-header> -->
    <h1>about</h1>
    <nuxt-link to="/">返回HOME</nuxt-link>
    <a href="/">HOME</a>
    <span @click="tiao">跳转</span>
</div>
</template>
<script>
export default {
    data () {
        return {
            userInfo: {}
        }
    },
    // 监听
    watch: {},
    async getData({commit}){
        commit('updateState', {
            topNav: {}
        });
    },
    async fetch({store,params,req}) {
        // if(store.state.isCache) return false;
        store.commit('updateState',{
            isCache: true
        })
        await store.dispatch('initNav');
    },
    // 组件实例创建完成
    created() {},
    // 模板挂载结束
    mounted() {
    },
    // 组件销毁完成
    destroyed() {},
    // vue方法
    methods: {
        tiao(){
            this.$router.push({ path: '/',query:{id:111}});
            console.log(111);
        }
    }
}
</script>
<style lang="scss" scoped>

</style>